<style include="shortcut-customization-shared cr-shared-style">
  #container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    width: 100%;
  }

  #container accelerator-subsection:not(:first-child)::part(container) {
    margin-top: 20px;
  }
</style>

<div id="container">
  <template id="subsections" is="dom-repeat" items="[[subcategories]]">
    <accelerator-subsection category="[[initialData.category]]"
        subcategory="[[item]]">
    </accelerator-subsection>
  </template>
</div>
